<?php

/*
 * Copyright by Sygma Media Inovasi Ω2013
 * 
 * Lead Programmer : Sony K Wibisono,S.Si,M.T.I
 * E-mail : sony@sonywibisono.com
 * 
 * Designer : Mr. Agus
 * 
 */
?>

<div id="mini_page">
    <div id="mini_page_content">
    <p id="kpk_hebat" align="center"><img src="img/berani_jujur.png" alt="Berani Jujur" /></p>
  <img src="img/lebah1.png" alt="Kumbi" id="gambar_home"/>
  <span id="mini_text"></span>
  </div>
</div>

<div class="menu_bawah">
    <div style="float:left">
    <a href="?mod=anak"><img src="img/button_anak.png" title="Anak"/></a> 
    </div>
    
    <a id="1" class="carousel" ></a>
    <a id="2" class="carousel" ></a>
    <a id="3" class="carousel" ></a>
    <div style="float:left;display:block">
    <a href="?mod=remaja"><img src="img/button_remaja.png" title="Remaja"/></a>
    
</div>
    <script type="text/javascript">
        $(".carousel").on('mouseout',function(){
          $("#mini_page_content").fadeOut('slow');
          
        });
        $(".carousel").on('mouseover',function(){
            var ctr=$(this).attr('id');
            switch (ctr){
                case '1':
                    $("#kpk_hebat").show();
                    $("#gambar_home").hide();
                    $("#mini_text").hide();
                break;
                case '2':
                    $("#gambar_home").attr('src','img/lebah3.png');
                    $("#kpk_hebat").hide();
                  
                    var text="<h2>Jujur itu hebat. Disiplin itu keren. Peduli itu luarbiasa</h2>"+
                        "<p align=\"center\">Yuk, berlomba menjadi anak Indonesia yang hebat, keren, dan luar biasa."+
                        "Mulai dari diri sendiri, laulu ajak orang tua, saudara dan teman-teman.";
                    $("#mini_text").html(text);
                      $("#gambar_home").show();
                    $("#mini_text").show();
                break;
                case '3':
                    $("#kpk_hebat").hide();
                    $("#gambar_home").attr('src','img/trio_tara.png');
                   
                    var text="<h2>Siapa yang mau jadi presiden di masa yang akan datang? "+
                            "Pasti salah satunya adalah kalian.</h2>"+
                        "<p align='center'>Yuk, kita tanamkan dalam diri kita sejak sekarang "+
                        "untuk menjadi anak yang bersih, sederhana, pemberani, dan adil. Supaya, "+
                        "kelak kalau jadi pemimpin kita menjadi pemimpin yang bersih, sederhana, pemberani, dan adil."+
                        "</p> ";
                    $("#mini_text").html(text);
                     $("#mini_text").show();
                    $("#gambar_home").show();
                break;
            }
            $("#mini_page_content").fadeIn(3000);
        });
        
       
    </script>
</div>